{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-COMPATIBLE" content=" IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="description" content="博客">
    <meta name="author" content="honda">

    <title>{% block title %}{% endblock %}</title>
<!--<link href="{{ STATIC_UL }}static/css/bootstrap.min.css" rel="stylesheet">-->
    <link href="{% static "blog/css/bootstrap.min.css" %}" rel="stylesheet">
    <link href="{% static "blog/css/blog.css" %}" rel="stylesheet">
    <link href="{% static "blog/css/top.css" %}" rel="stylesheet">
    <!--<link rel="stylesheet" type="text/css" href="{% static "ueditor/third-party/SyntaxHighlighter/shCoreEclipse.css" %}" />-->
    <!-- shCoreEmacs,shCoreFadeToGrey,shCoreMDUltra,shCoreRDark--><!-- 高亮 可用-->
     <link rel="stylesheet" type="text/css" href="{% static "ueditor/third-party/SyntaxHighlighter/shCoreEclipse.css" %}" />


    <script src="{% static "blog/js/jquery-3.1.1.min.js" %}" ></script>
    <script src="{% static "blog/js/stickUp.min.js" %}" ></script><!--固定图片-->
    <script src="{% static "blog/js/bootstrap.min.js" %}" ></script>
    <script src="{% static "blog/js/jqcloud-1.0.4.js" %}" ></script><!--标签云-->
    <script src="//unslider.com/unslider.js"></script><!--图片轮播-->
    <script src="{% static "ueditor/third-party/SyntaxHighlighter/shCore.js" %}"></script>
    <script type="text/javascript">
        SyntaxHighlighter.all();
    </script>



</head>
<body >
<div id="wrap" class="wrap" >
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation"><!--导航开始-->
        <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
     <a class="navbar-brand" href="{% url 'home' %}">博客 | 记录点滴，留下回忆。 </a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

        <!--<ul class="nav navbar-nav">
        <li class="active"><a href="#">Link</a></li>

        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="#">Action</a></li>
            <li><a href="#">Another action</a></li>
            <li><a href="#">Something else here</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
            <li class="divider"></li>
            <li><a href="#">One more separated link</a></li>
          </ul>
        </li>
      </ul>-->
        <!--
      <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>-->
      <ul class="nav navbar-nav navbar-right">

        <li class="dropdown">
          <a href="" class="dropdown-toggle" data-toggle="dropdown">登录 <span class="caret"></span></a>
          <ul class="dropdown-menu" role="menu">
            <li><a href="/admin/">后台</a></li>
            <li><a href="#">没有想好</a></li>
            <li><a href="#">这个也是</a></li>
            <li class="divider"></li>
            <li><a href="#">还有这个</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
    </nav><!--导航结束-->
    <div class="container" >
        <div class="row" >
            <div class="col-md-7" style="padding-top:60px;">
                <!--左侧头-->
                {% block header %}
                {% endblock %}
                <ol class="breadcrumb" >
                {% block path %}{% endblock %}
                </ol>
                <div class="com-md-12">
                <!--左侧头结束-->
                {% block content %}   {% endblock %}
                </div>
            </div>
            <!--中间-->
            <div class="col-md-2" style="height:100%;">
                {% block middle %}
                    {% include "blog/_middle.html" %}
                {% endblock %}
            </div>
            <!--中间结束-->
            <!--右侧-->
            <div class="col-md-3">
                <br />
                {% block side %}
                    {% include "blog/_side.html" %}
                {% endblock %}
            </div>
        </div>
    </div>

</div>
<footer>
        <div class="footer">
            <div class="foot-bg">
                <div class="container">
                    <div class="row">
                        <div class="col-md-7">

                                <div class="col-md-4">
                                    <dl >
                                        <dt>Description 1</dt>
                                        <dd>Item 1</dd>
                                        <dd>Item 2</dd>
                                        <dd>Item 3</dd>
                                    </dl>
                                </div>
                                <div class="col-md-4">
                                    <dl ><!--dl-horizontal-->
                                    <dt>Description 1</dt>
                                    <dd>Item 1</dd>
                                    <dd>Item 2</dd>
                                    </dl>
                                </div>
                                <div class="col-md-4">
                                    <dl ><!--dl-horizontal-->
                                    <dt>Description 1</dt>
                                    <dd>Item 1</dd>
                                    <dd>Item 2</dd>
                                    </dl>
                                </div>

                        </div>
                        <div class="col-md-5">
                            <blockquote class="pull-right">
                            这是一个向右对齐的引用。这是一个向右对齐的引用。这是一个向右对齐的引用。这是一个向右对齐的引用。这是一个向右对齐的引用。
                                    <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
                            </blockquote>
                            <p>以后这里面放个二维码</p>
                        </div>

                    </div>
                </div>
            </div>
        </div>


</footer>
<!-返回顶部->
    <div class="go-top">
        <div class="arrow"></div>
        <div class="sticc"></div>
    </div>


<script type="text/javascript">
    $(function() {
    $(window).scroll(function() {
        if ($(window).scrollTop() > 800)
            $('div.go-top').show();
        else
            $('div.go-top').hide();
    });
    $('div.go-top').click(function() {
        $('html, body').animate({scrollTop: 0}, 800);
    });
});
</script>

<script type="text/javascript">
              //initiating jQuery
              jQuery(function($) {
                $(document).ready( function() {
                  //enabling stickUp on the '.navbar-wrapper' class
                  $('.stick').stickUp();
                });
              });
</script>




</body>
</html>